<app-header title="交易记录"></app-header>

<ion-content>
  <div class="fixed_box">
    <div class="segment w96">
      <ion-segment (ionChange)="ontabs(segmentAModel)" color="onbottom" [(ngModel)]="segmentAModel" mode="md">
        <ion-segment-button value="s1">
          <ion-label>充值明细</ion-label>
        </ion-segment-button>
        <ion-segment-button value="s2">
          <ion-label>提现明细</ion-label>
        </ion-segment-button>
        <ion-segment-button value="s3">
          <ion-label>转账明细</ion-label>
        </ion-segment-button>
      </ion-segment>
    </div>
  
    <div class="segment_con" style="height: calc(100% - 5rem);overflow: hidden;">
      <ion-slides #slides (ionSlideDidChange)="slideChange()" style="height: 100%;overflow: hidden;">
        <ion-slide>
          <div class="segment_div">
            <div class="deal_list w96">
              <ul>
                <li *ngFor="let item of czlist" class="pool_bg">
                  <div class="d-left">
                    <h3>{{item.price}}</h3>
                    <p *ngIf="item.status == 0">
                      <img src="assets/time.png" alt="">  
                      <span>待审核</span>
                    </p>
                    <p *ngIf="item.status == 1">
                      <img src="assets/yes.png" alt="">  
                      <span>已充值</span>
                    </p>
                    <p *ngIf="item.status == 2">
                      <img src="assets/err.png" alt="">  
                      <span>拒绝</span>
                    </p>
                    <p *ngIf="item.status == 3">
                      <img src="assets/time.png" alt="">  
                      <span>待复核</span>
                    </p>
                  </div>
                  <div class="d-right">
                    <p>{{item.createTime.slice(0,16)}}</p>
                    <span *ngIf="item.status == 2">原因：{{item.remark}}</span>
                  </div>
                </li>
              </ul>
            </div>
            <div *ngIf="czlist.length == 0" class="none">暂无数据</div>
          </div>
        </ion-slide>
  
        <ion-slide>
          <div class="segment_div">
            <div class="deal_list w96">
              <ul>
                <li *ngFor="let item of txlist" class="pool_bg">
                  <div class="d-left">
                    <h3>{{item.cashNumber}}</h3>
                    <p *ngIf="item.cashStatus == 0">
                      <img src="assets/time.png" alt="">  
                      <span>待审核</span>
                    </p>
                    <p *ngIf="item.cashStatus == 1">
                      <img src="assets/yes.png" alt="">  
                      <span>已充值</span>
                    </p>
                    <p *ngIf="item.cashStatus == 2">
                      <img src="assets/err.png" alt="">  
                      <span>拒绝</span>
                    </p>
                    <p *ngIf="item.cashStatus == 3">
                      <img src="assets/time.png" alt="">  
                      <span>待复核</span>
                    </p>
                  </div>
                  <div class="d-right">
                    <p>{{item.createTime.slice(0,16)}}</p>
                    <span *ngIf="item.cashStatus == 2">原因：{{item.remark}}</span>
                  </div>
                </li>
              </ul>
            </div>
            <div *ngIf="txlist.length == 0" class="none">暂无数据</div>
          </div>
        </ion-slide>

        <ion-slide>
          <div class="segment_div">
            <div class="deal_list w96">
              <ul>
                <li *ngFor="let item of zzlist" class="pool_bg">
                  <div class="d-left">
                    <h3><i *ngIf="item.inOrOut == 1">+</i><i *ngIf="item.inOrOut == 0">-</i>{{item.amount}}</h3>
                    <p *ngIf="item.inOrOut == 0">
                      <img src="assets/zcimg.png" alt="">  
                      <span>已转出</span>
                    </p>
                    <p *ngIf="item.inOrOut == 1">
                      <img src="assets/dzimg.png" alt="">  
                      <span>已到账</span>
                    </p>
                  </div>
                  <div class="d-right">
                    <p>{{item.createTime.slice(0,16)}}</p>
                    <span  *ngIf="item.inOrOut == 1"><i>来自: </i>{{item.fromPhone}}</span>
                    <span  *ngIf="item.inOrOut == 0"><i>转给: </i>{{item.fromPhone}}</span>
                  </div>
                </li>
          
              </ul>
            </div>
            <div *ngIf="zzlist.length == 0" class="none">暂无数据</div>
          </div>
        </ion-slide>
  
      </ion-slides>
    </div>
  </div>
</ion-content>
